<!DOCTYPE html>
<html>
  <!--
  Copyright (c) 2013 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
  -->
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="origin-trial" content="AnnZaSfBggcmPxgNMYPXgW7tVBy3HoIkgSysHge4o7QT7U/n3Sr89HvKuJwNtPxgZ9Z/cs6TzbUy6F+glrMQngIAAABZeyJvcmlnaW4iOiJodHRwczovL2dvbmF0aXZlY2xpZW50LmFwcHNwb3QuY29tOjQ0MyIsImZlYXR1cmUiOiJQTmFDbCIsImV4cGlyeSI6MTU3NTQxNzU5OX0=">

    <title>The Game of Life</title>

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700">
    <link href="/static/css/out/site.css" rel="stylesheet">

    <script type="text/javascript" src="example.js"></script>

  </head>

  <body class="demo">

    <header>
      <h1>The Game of Life</h1>

    </header>

    <section>
      <div class="intro">
        <p>
          This demo renders <a
            href="http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life"
            target="_blank">Conway's Game of Life</a>.
        </p>
        <p class="note">
          Note: the C++ source code of this demo is available in the Native Client SDK (<tt>examples/demo/life</tt>).
        </p>
        <p class="note">
          FPS: <span id="fps">0</span>
        </p>
      </div>

      <div class="Demo-body">
        <div id="listener" class="Demo-content"></div>
      </div>

      <div id="loading-cover">
        <div id="message">
          <div id="statusField"></div>
          <div id="progress" class="progress progress-striped active">
            <div id="progress-bar" class="progress-bar"  role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
            </div>
          </div>
        </div>
      </div>
    </section>

  </body>
</html>
